<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>line-height</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}

		html,body {
			height: 100%;
		}

		.d1 {
			font-size: 14px;
			line-height: 1.5;
		}
		h1 {
			font-size: 26px;
		}

		p {
			font-size: 16px;
		}

		.d2 {
			font-size: 14px;
			line-height: 150%;
		}

		.d3 {
			line-height: 150%;
		}
		
		/*h1 默认font-size 28px;
		h2 font-size:24px;
		h3 font-size:19px;
		  div 默认font-size:16px;
		  ul默认font-size:16px;
		  p 默认font-size:14px;
		*/
	</style>
	<script>
</script>
</head>
<body>
	<div class='d1'>
		<h1 id='h11'>title</h1> 
		<!-- line-height:39px -->
		<p id='p11'>3232</p>
		<!-- 24px -->
	</div>

	<div class="d2">
		<h1 id='h12'>title2</h1>
		<!-- line-height:21px -->
		<p id='p12'>3333</p>
		<!-- 21px -->
	</div>

	<div class="d3" id='d3'>
	<!-- font-size:16px -->
		<h1 id='h13'>title2</h1>
		<!-- line-height:24px -->
		<p id='p13'>3333343</p>
		<span id='span1'>3333</span>
		<!-- 24px -->
		<h2 id='h23'>new</h2>
		<h3 id='h33'>apple</h3>
	</div>

	<ul id="ul1">
		<li id='li1'>21</li>
	</ul>
	<section id='sec1'>1</section>
	<header id='hea1'>2</header>
	<footer id="foot1">33</footer>
	<input type="text" id="in1">3232</input>



	
</body>
</html>